<template>
  <div id="app">
    <div class="content">
      <router-view/>
    </div>
    <my-tab :tabs="tabs"></my-tab>
  </div>
</template>
<script>
import myTab from '@/components/tab/tab'
import axios from 'axios'
export default {
    components: {
      myTab
    },
    data() {
      return {
        tabs: [
          {
            name: "首页",
            url: '/'
          },
          {
            name: "分类",
            url: '/type'
          },
          {
            name: "购物车",
            url: ''
          },
          {
            name: "我的",
            url: ''
          }
        ]
      }
    },
    created() {
      axios.get('/api/api/cate/recList?cid=&ct=').then(res =>{
        console.log(res)
      })
    }
}
</script>
<style lang="scss" scoped>
#app {
  height: 100%;
  overflow: hidden;
}
.content{
  height: calc(100% - 1rem);
}
</style>
